<template>
  <div class="app-container">
     <el-tabs v-model="activeName" @tab-click="handleTabClick">
      <el-tab-pane label="我的" name="first">
         <MyCreate v-if="activeName=='first'"></MyCreate>
      </el-tab-pane>
      <el-tab-pane label="待办" name="second">
        <ToDoTask v-if="activeName=='second'" businessType="applicationChemicals"></ToDoTask>
      </el-tab-pane>
      <el-tab-pane label="已办" name="third">
         <DoneTask v-if="activeName=='third'" businessType="applicationChemicals"></DoneTask>
      </el-tab-pane>
      <el-tab-pane label="办结" name="fourth">
         <FinishedFlow v-if="activeName=='fourth'" businessType="applicationChemicals"></FinishedFlow>
      </el-tab-pane>
      <el-tab-pane label="抄送" name="fifth">
        <CopyToFlow v-if="activeName=='fifth'" businessType="applicationChemicals"></CopyToFlow>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import MyCreate from "@/views/labdanger/occupation/my_create.vue";
import ToDoTask from "@/views/labdata/flowTask/todo_task.vue";
import DoneTask from "@/views/labdata/flowTask/done_task.vue";
import FinishedFlow from "@/views/labdata/flowInstance/finished_flow.vue";
import CopyToFlow from "@/views/labdata/flowInstance/copyto_flow.vue";
export default {
  name: "Occupation",
  components: {MyCreate, ToDoTask, DoneTask, FinishedFlow,CopyToFlow},
  data() {
    return {
      activeName: 'first',
      // 查询参数
      queryParams: {

      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    };
  },
  created() {

  },
  methods: {
    handleTabClick(e) {
    }
  }
};
</script>